<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <link href="css/960-24-30.css" rel="stylesheet" type="text/css" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/jqueryui/jquery-ui.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/jquery-ui.js" type="text/javascript"></script>
        <script>
            $(function() {
                $( ".datepicker" ).datepicker();
            });
        </script>
        <script>
	$(function() {
		$( "#progressbar" ).progressbar({
			value: 0
		});
	});
	</script>
    </head>

    <body>
        <div class="container container_24">
            <div class="header">
                <div class="grid_8">
                    <img src="images/logo.png" style="padding-top: 5px;"></img>
                </div>
                <div class="grid_16 main-nav">
                    <ul>
                        <li class="menu_item_selected"><a href="#">Home</a></li>
                        <li><a href="#">So gest's</a></li>
                        <li><a href="#">My Dispo 24</a></li>
                        <li><a href="#">Login</a></li>
                        <li><a href="#">Kontakt</a></li>
                    </ul>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
            <div class="content container_24">
                <div class="grid_24">
                    <h1 class="mainbox-title">Tageskredit beantragen</h1>
                </div>
                <div class="clear">&nbsp;</div>
                <div class="grid_24" style="margin-top: 10px;">
                    <div class="grid_8 alpha step">
                        <div>
                            <h1>1</h1>
                        </div>
                        <div>
                            <h2>
                                Schritt 1
                            </h2>
                            <div style="padding-left: 100px; margin-top: -20px;">
                                Kontaktdaten
                            </div>
                        </div>
                    </div>
                    <div class="grid_8 alpha step step_deactive">
                        <div>
                            <h1>2</h1>
                        </div>
                        <div>
                            <h2>
                                Schritt 2
                            </h2>
                            <div style="padding-left: 100px; margin-top: -20px;">
                                Beschäftigungsverhältnis
                            </div>
                        </div>
                    </div>
                    <div class="grid_8 omega step step_deactive">
                        <div>
                            <h1>3</h1>
                        </div>
                        <div>
                            <h2>
                                Schritt 3
                            </h2>
                            <div style="padding-left: 100px; margin-top: -20px;">
                                Finanzdaten
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear">&nbsp;</div>
                <div class="grid_24">
                    <div id="progressbar" style="width: 99%; margin-top: 10px; height: 20px;"></div>
                </div>
                <div class="clear">&nbsp;</div>
                <div class="step-content">
                    <form class="niceform"  id="application_step_1" action="applycation_step2.html">
                        <div class="grid_24">
                            <div class="grid_12 alpha">
                                <fieldset>
                                    <h2 class="subheader">Sie ausgewählt</h2>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Kreditbetrag?
                                        </label>
                                        <input type="text" value="€ 350" id="" name="amount" class="textbox grid_5 omega">
                                    </div>
                                    <div class="form-field">
                                        <label class="grid_5 alpha">
                                            Total repayable
                                        </label>
                                        <div class="value_label grid_5 omega">
                                            Tổng số tiền phải trả
                                        </div>

                                    </div>
                                    <div class="form-field">
                                        <label class="grid_5 alpha">
                                            Laufzeit
                                        </label>
                                        <input type="text" value="Số ngày sẽ vay rule là range 1-30" id="" name="duration" class="textbox grid_5 omega">
                                    </div>
                                    <div class="form-field">
                                        <label class="grid_5 alpha">
                                            Repayable by
                                        </label>
                                        <div class="value_label grid_5 omega">
                                            Ngày phải trả nợ
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                            <div class="grid_12 omega">
                                <fieldset>
                                    <h2 class="subheader">Ich möchte</h2>
                                    <div class="form-field">
                                        <input type="radio" value="1" checked="checked" id="" name="registration_status" class="grid_1 value_label">
                                            <div class="value_label grid_8 omega">
                                                Neues Profil erstellen
                                            </div>
                                    </div>
                                    <div class="form-field">
                                        <input type="radio" value="2" id="" name="registration_status" class="grid_1 value_label">
                                            <div class="value_label grid_8 omega">
                                                Zu bestehendem Profil einloggen
                                            </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="clear">&nbsp;</div>
                        <div class="grid_24">
                            <fieldset>
                                <h2 class="subheader">Bestehende Registrierungsdaten</h2>
                                <div class="form-field ">
                                    <label class="grid_5 alpha">
                                        Email-Adresse (Login name)
                                    </label>
                                    <input type="text" value="" id="" name="userName" class="textbox grid_5 omega"></input>
                                </div>
                                <div class="form-field ">    
                                    <label class="grid_5 alpha">
                                        Ihr Passwort (Password)
                                    </label>
                                    <input type="password" value="" id="" name="password" class="textbox grid_5 omega"></input>
                                </div>
                            </fieldset>
                        </div>
                        <div class="clr">&nbsp;</div>
                        <div class="grid_24">
                            <div class="grid_12 alpha">
                                <fieldset>
                                    <h2 class="subheader">Neue Registrierung</h2>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Anrede (Title)
                                        </label>
                                        <select id="" name="title" class="">
                                            <option value="Herr">Herr</option>
                                            <option value=" Frau"> Frau</option>
                                        </select>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Vorname (First name)
                                        </label>
                                        <input type="text" value="" id="" name="firstName" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            2. Vorname (Middle name)
                                        </label>
                                        <input type="text" value="" id="" name="middleName" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Nachname (Last name)
                                        </label>
                                        <input type="text" value="" id="" name="lastName" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Geburtsdatum (Date Of Birth)
                                        </label>
                                        <input type="text" value="" id="" name="dateOfBirth" class="datepicker calendar_with_img grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Email-Adresse (Login name)
                                        </label>
                                        <input type="text" value="" id="" name="email" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Email-Adresse wiederholen
                                        </label>
                                        <input type="text" value="" id="" name="email_confirm" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Ihr Passwort (Pass)
                                        </label>
                                        <input type="password" value="" id="" name="password" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Passwort wiederholen (retype pass)
                                        </label>
                                        <input type="password" value="" id="" name="password_confirm" class="textbox grid_5 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_5 alpha">
                                            Wie haben Sie von MyDispo24 erfahren?
                                        </label>
                                        <select id="" name="title" class="">
                                            <option value="Google">Google</option>
                                            <option value=" Yahoo"> Yahoo</option>
                                            <option value=" Facebook"> Facebook</option>
                                            <option value=" Twitter"> Twitter</option>
                                            <option value=" Magazin"> Magazin</option>
                                            <option value=" Zeitung"> Zeitung</option>
                                            <option value=" Empfehlung"> Empfehlung</option>
                                            <option value=" Sonstiges"> Sonstiges</option>
                                        </select>
                                    </div>
                                </fieldset>
                            </div>
                            <div class="grid_12 omega">
                                <fieldset>
                                    <h2 class="subheader">Kontaktdaten</h2>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Straße & Hausnummer
                                        </label>
                                        <input type="text" value="" id="" name="address1" class="textbox grid_5 omega"></input>
                                        <input type="text" value="" id="" name="address2" class="textbox grid_1 alpha"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            PLZ & Stadt
                                        </label>
                                        <input type="text" value="" id="" name="city" class="textbox grid_1 omega"></input>
                                        <input type="text" value="" id="" name="zip_code" class="textbox grid_5 alpha"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Seit wann sind Sie unter dieser Adresse registriert?
                                        </label>
                                        <input type="text" value="" id="" name="address_registred_from" class="datepicker calendar_with_img grid_6 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Festnetz
                                        </label>
                                        <input type="text" value="+49" id="" name="home_phone" class="textbox grid_6 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Handy
                                        </label>
                                        <input type="text" value="+49" id="" name="mobile_phone" class="textbox grid_6 omega"></input>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Status
                                        </label>
                                        <select id="" name="maritial_status" class="" style="width: 242px;">
                                            <option value="Single">Single</option>
                                            <option value=" Partnerschaft"> Partnerschaft</option>
                                            <option value=" getrennt lebend"> getrennt lebend</option>
                                            <option value=" verheiratet"> verheiratet</option>
                                            <option value=" Allein erziehend"> Allein erziehend</option>
                                        </select>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Anzahl von Kinder
                                        </label>
                                        <select id="" name="no_dependants" class="" style="width: 242px;">
                                            <option value="0">0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                        </select>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Status
                                        </label>
                                        <select id="" name="home_status" class="" style="width: 242px;">
                                            <option value="Single-Haushalt">Single-Haushalt</option>
                                            <option value=" mit Lebenspartner"> mit Lebenspartner</option>
                                            <option value=" mit Lebenspartner und Kind(ern)"> mit Lebenspartner und Kind(ern)</option>
                                            <option value=" Wohngemeinschaft"> Wohngemeinschaft</option>
                                            <option value=" bei Eltern"> bei Eltern</option>
                                            <option value=" Wohnheim"> Wohnheim</option>
                                        </select>
                                    </div>
                                    <div class="form-field ">
                                        <label class="grid_4 alpha">
                                            Bitte geben Sie den Text in das Feld ein
                                        </label>
                                        <input type="text" value="" id="" name="password_confirm" class="textbox grid_6 omega"></input>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="clr">&nbsp;</div>
                        <div class="grid_24">
                            <fieldset>
                                <div class="form-field ">
                                    <input id="" class="grid_1 value_label" type="checkbox" name="newsletter"></input>
                                    <div class="value_label grid_20">
                                        Informieren Sie mich über Neuigkeiten oder Angebote bei MyDispo24
                                    </div>
                                </div>
                                <div class="form-field ">
                                    <input id="" class="grid_1 value_label" type="checkbox" name="newsletter"></input>
                                    <div class="value_label grid_20">
                                        Agree with <a rel="new_window" href="../terms-and-conditions.html">terms and conditions</a>
                                    </div>
                                    
                                </div>

                            </fieldset>
                        </div>
                        <div class="grid_18">&nbsp;</div>
                        <input type="submit" class="button_loan shadow_box grid_5" value="Weiter"></input>
                    </form>
                </div>
                <div class="clr">&nbsp;</div>
                
            </div>
            <div class="clr">&nbsp;</div>
            <div class="footer_area">
                <div class="advantage_content" style="color: #FFFFFF; text-align: center; padding: 5px 5px;">
                    * MyDispo24 vergibt ausschließlich nachrangige Darlehen. Die Nachrangigkeit bedeutet, dass MyDispo24 kein Rückzahlungsanspruch besteht, wenn die Erfüllung des Rückzahlungsanspruch zu einer Insolvenz des Kunden führen würde.
                </div>
                <div class="clear">&nbsp;</div>
                <div class="container_24">
                    <div class="foot_content">
                        <a accesskey="1" href="http://localhost/anyoto/index.php?pageItem=home">Sitemap</a>
                        <a accesskey="2" href="http://localhost/anyoto/index.php?pageItem=newJourney">Gebühren</a>
                        <a accesskey="3" href="http://localhost/anyoto/index.php?pageItem=user&amp;act=myAccount">Kontakt</a>
                        <a accesskey="4" href="http://localhost/anyoto/index.php?pageItem=help&amp;act=FAQ">Datenschutz</a>
                        <a accesskey="5" href="http://localhost/anyoto/index.php?pageItem=login&amp;act=login">AGB</a>
                        <a accesskey="6" href="http://localhost/anyoto/index.php?pageItem=registerUser&amp;act=userAgreement">Impressum</a>
                        <br></br>
                        Copyright: © 2012 MyDispo24 GmbH, Frankfurt. Alle Inhalte unterliegen unserem. 
                    </div>
                </div>

                <div class="links right">

                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
        <div class="clear">&nbsp;</div>
    </body>
</html>
